.box{
    padding-top: 98rpx;
    overflow-y: auto;
}
.tab-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 88rpx;
    background-color: #eee;
    z-index: 99999;
    >view{
        flex: 1;
        text-align: center;
        font-size: 32rpx;
        &.active{
            color: var(--themColor);
            font-weight: bold;
        }
    }
}
.tab-content{
    margin-top: 10rpx;
   .event-box{
    .status-list{
        display: flex;
        justify-content: space-between;
        >text{
            padding: 15rpx 20rpx;
            border: 1rpx solid #eee;
            &.active{
                border-color: var(--themColor);
                background-color: var(--themColor);
                color: #fff;
            }
        }

    }
    textarea{
        width: 100%;
        margin-top: 80rpx;
        padding: 30rpx;
        height: 300rpx;
        box-sizing: border-box;
        border: 1rpx solid #eee;
        border-radius: 10rpx;
    }
    .upload{
        margin-top: 20rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left{
            font-size: 30rpx;
        }
        .right{
            color: #999;
            font-size: 24rpx;
            >text{
                color: var(--themColor);
                font-size: 28rpx;
            }
        }
    }
    button,nav{
        margin:80rpx auto 0;
        width: 378rpx;
        height: 98rpx;
        line-height: 98rpx;
        text-align: center;
        background-color: var(--themColor);
        font-size: 34rpx;
        color: #fff;
    }
   }

   .record{
       .record-item{
           padding: 0 20rpx;
           margin-bottom: 30rpx;
           font-size: 28rpx;
           border-radius: 10rpx;
           background-color: #fff;
           box-shadow:0px 2px 10px 0px rgba(188,191,194,0.3);
           .item-top{
               height: 78rpx;
               display: flex;
               justify-content: space-between;
               align-items: center;
           }
           .item-content{
               >text{
                   font-size: 30rpx;
               }
           }
           .upload-list{
               padding: 30rpx 0;
           }
       } 
   }
}
.upload-list{
    padding: 30rpx 20rpx;
    display: flex;
    flex-wrap: wrap;
}
.upload-item{
    width:200rpx;
    height:200rpx;
    margin-right: 15rpx;
    margin-bottom: 15rpx;
    overflow: hidden;
    >image{
        width: 100%;
    }
    >video{
        width: 100%;
        height: 100%;
    }
}